<template>
  <div class="lun1">
    <div class="bg1">
      <!-- <img class="txt" src="../../assets/images/s02_txt_pc.png" alt="" /> -->
      <div class="txt">{{ $t("home.wanfa1") }}</div>
      <img class="boyBg" src="../../assets/images/s02_05_pc.png" alt="" />
      <img class="grBg" src="../../assets/images/img05_1_pc.png" alt="" />
      <img class="rAd" src="../../assets/images/s02_04_pc.png" alt="" />
      <img class="boy" src="../../assets/images/s02_06_pc.png" alt="" />
      <img class="girl" src="../../assets/images/s02_02_pc.png" alt="" />
      <img class="lAd" src="../../assets/images/s02_03_pc.png" alt="" />
    </div>
  </div>
</template>

<script>
// 导入wow滚动加载动画
import { WOW } from "wowjs";
export default {
  mounted(){
    new WOW().init()
  }
};
</script>

<style lang="less" scoped>
.txt{
  z-index: 100;
  font-size: 35px;
  font-weight: 900;
  width: 700px;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-text-stroke: 1px #fff;
}
.lun1{
    margin: 0 auto;
}
.bg1 {
  width: 1200px;
  height: 800px;
  position: relative;
  background: url("../../assets/images/point_farm_pc.png") no-repeat;
  // background-size: 1280px 600px;
  img {
    position: absolute;
    top: 0;
    left: 0;
  }
  .boyBg{
    left: 0px;
  }
  .grBg{
    top: -50px;
    left: 170px;
  }
}
</style>>